<ion-header>
    <ion-navbar>
        <ion-title>微信</ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="presentPopover($event)">
                <ion-icon name="add"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content padding class="list-avatar-page">
    <ion-searchbar></ion-searchbar>
    <ion-list>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-thumbnail>
            <h2>Woody</h2>
            <p>This town ain't big enough for the two of us!</p>
            <ion-note item-right>3:43 pm</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-buzz.png">
            </ion-thumbnail>
            <h2>Buzz Lightyear</h2>
            <p>My eyeballs could have been sucked from their sockets!</p>
            <ion-note item-right>1:12 pm</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-jessie.png">
            </ion-thumbnail>
            <h2>Jessie</h2>
            <p>Well aren't you just the sweetest space toy I ever did meet!</p>
            <ion-note item-right>10:03 am</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-potatohead.png">
            </ion-thumbnail>
            <h2>Mr. Potato Head</h2>
            <p>You're not turning me into a Mashed Potato.</p>
            <ion-note item-right>5:47 am</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-thumbnail>
            <h2>Woody</h2>
            <p>This town ain't big enough for the two of us!</p>
            <ion-note item-right>3:43 pm</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-buzz.png">
            </ion-thumbnail>
            <h2>Buzz Lightyear</h2>
            <p>My eyeballs could have been sucked from their sockets!</p>
            <ion-note item-right>1:12 pm</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-jessie.png">
            </ion-thumbnail>
            <h2>Jessie</h2>
            <p>Well aren't you just the sweetest space toy I ever did meet!</p>
            <ion-note item-right>10:03 am</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-potatohead.png">
            </ion-thumbnail>
            <h2>Mr. Potato Head</h2>
            <p>You're not turning me into a Mashed Potato.</p>
            <ion-note item-right>5:47 am</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-thumbnail>
            <h2>Woody</h2>
            <p>This town ain't big enough for the two of us!</p>
            <ion-note item-right>3:43 pm</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-buzz.png">
            </ion-thumbnail>
            <h2>Buzz Lightyear</h2>
            <p>My eyeballs could have been sucked from their sockets!</p>
            <ion-note item-right>1:12 pm</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-jessie.png">
            </ion-thumbnail>
            <h2>Jessie</h2>
            <p>Well aren't you just the sweetest space toy I ever did meet!</p>
            <ion-note item-right>10:03 am</ion-note>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="assets/img/avatar-ts-potatohead.png">
            </ion-thumbnail>
            <h2>Mr. Potato Head</h2>
            <p>You're not turning me into a Mashed Potato.</p>
            <ion-note item-right>5:47 am</ion-note>
        </ion-item>
    </ion-list>
</ion-content>
